import React from "react";
import "./card.scss";

const Card = ({ item, onClick }) => (
	<div
		onClick={onClick}
		className="bankcard-item-box" /* className={type=='pay' && (payMonery - 0) > (item.dayAmount - 0) ? "item disabled" : "item"} */ /* onClick={() => onClick(item)} */
	>
		<img src={item.logoAddr} alt="" className="bankcard-item-box-img" />
		<div className="bankcard-item-box-desc">
			<p className="bankcard-item-box-name">{item.bankName}</p>
			<p className="bankcard-item-box-cardtype">
				{item.cardType == "DE" ? "借记卡" : "信用卡"}
			</p>
			<p className="bankcard-item-box-card">{item.bankAccNo}</p>
			{/* type=='pay' && (payMonery - 0) > (item.dayAmount - 0) && <p className="item-card-error">还款金额不能大于每日单笔限额</p> */}
		</div>
	</div>
);

export default Card;
